<template>
    <div class="subfieldsr">
    <span class="gengduos"><a href="" target="_blank">更多>></a></span>

    <el-tabs class="eltabsa" v-model="activeName" ref="a" @tab-click="handleClick" >
        <el-tab-pane label="文献检索"  name="first">
            <ul>
                <li>
                    <a href="https://www.cnki.net/" target="_blank">CNKI(中国知网)</a>
                </li>
                <li>
                    <a href="https://g.wanfangdata.com.cn/index.html" target="_blank">万方数据</a>
                </li>
                <li>
                    <a href="https://www.nature.com/" target="_blank">Nature</a>
                </li> 
                <li>
                    <a href="https://www.science.org/" target="_blank">ScienceOnline</a>
                </li>
                <li style="margin:0px">
                    <a href="https://www.pnas.org/" target="_blank">PNAS</a>
                </li>
                <li style="margin:0px">
                    <a href="https://www.sciencedirect.com/" target="_blank">Science Direct</a>
                </li>
                <li style="margin:0px">
                    <a target="_blank" href="https://access.clarivate.com/login?app=wos&alternative=true&shibShireURL=https:%2F%2Fwww.webofknowledge.com%2F%3Fauth%3DShibboleth&shibReturnURL=https:%2F%2Fwww.webofknowledge.com%2F&roaming=true">Web of Science</a>
                </li>
                <li style="margin:0px">
                    <a href="https://ieeexplore.ieee.org/Xplore/home.jsp" target="_blank">IEEE/IET</a>
                </li>
            </ul>
        </el-tab-pane>
  </el-tabs>
</div>
</template>
 <script>
      export default {
        data() {
          return {
            activeName: 'first',
            activeNames: 'first'
          };
        },
        methods: {
          handleClick(tab, event) {
            console.log(tab, event);
          },
         
        },
      };
    </script>
<style scoped>
.subfieldsr .gengduos{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
  }
  .subfieldsr .gengduos a{
    color: #000;
    list-style: none;
    text-decoration: none;
  }
.eltabs li a{
    color: #000;
    list-style: none;
    text-decoration: none;
    display: block;
    line-height: 28px;
    padding-left: 16px;
}
.eltabsa li a{
  color: #000;
  list-style: none;
  text-decoration: none;
  display: block;
  padding-left: 18px;
}
.eltabsa li{
    list-style: none;
    float: left;
    width: 25%;
    line-height: 40px;
    overflow: hidden;
    background: url(../image/sanjiao.png) no-repeat left 13px;
  }
/deep/ .el-tabs__item {
    font-weight: bold; /*设置标签文本加粗*/
    font-size: 20px;
  }
  /deep/ .el-tabs__item:hover {
    font-weight: bold; /*设置标签文本加粗*/
    font-size: 20px;
     color: #000;
  }
  /deep/.el-tabs__item.is-active{
      color: #000;
  }
  /deep/.el-tabs__active-bar{
    background:#069564 ;
  }
  .subfieldsr{
    position: relative;
    width: 1200px;
    margin: 0 auto;
  }
  .eltabsa{
      width: 100%;
  }
</style>